.whole2 {
  position: absolute;
  background-color: white;
  width: 500px;
  height: 560px;
  border-radius: 10px;
  padding: 20px 10px;
  margin-left: 360px;
  margin-top: 2px; 
  margin-left: 30%
}
.middle {
  height: 745px;
  width: 1360px;
  background: no-repeat center top;
  background-size: contain;
  opacity: 1;
  background-image: url('../sz2.jpg');
  background-size: cover;
  z-index: -1;
  background-repeat: no-repeat;
}
.whole1 {
  position: absolute;
  margin-left: 30%;
  margin-top: 6%;
  background-color: #483d8b;
  width: 500px;
  height: 460px;
  border-radius: 10px;
  padding: 20px 10px;
  opacity: 1;
}
.middle2 {
  height: 675px;
  width: 450px;
  background: no-repeat center top;
  background-size: contain;
  background-image: url('../sz2.jpg');
  background-size: cover;
  z-index: -1;
  background-repeat: no-repeat;
  margin-left: 1%;
}
.whole3 {
  position: absolute;
  margin-left: 3%;
  margin-top: 6%;
  background-color: #483d8b;
  width: 87%;
  height: 75%;
  border-radius: 10px;
  padding: 20px 10px;
}
.hy{
  width: 400px; height: 310px; text-align: center;margin-left: 2%
}
